<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<body>

    <h1 style="font-size:10vw;">Responsive Text</h1>

    <p style="font-size:5vw;">Resize the browser window to see how the text size scales.</p>

    <p style="font-size:5vw;">Use the "vw" unit when sizing the text. 10vw will set the size to 10% of the viewport
        width.</p>

    <p>Viewport is the browser window size. 1vw = 1% of viewport width. If the viewport is 50cm wide, 1vw is 0.5cm.</p>


    <pre>
    <h2>
    使用 font-size:5vw  
    使用 font-size:5vw  
    当页面大小发生缩放改变的时候, 不会随着页面大小的改变而改变, 也不会换行
    
    </h2>
    </pre>

</body>
</html>